<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport"
		content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title></title>
	<link rel="stylesheet" href="css/normalize.css">
	<link rel="stylesheet" href="css/index.css">
</head>

<body>
	<!-- title标题start -->
	<div class="title">黑马面面</div>
	<!-- nav导航start -->
	<nav class="nav">
		<a href="#">
			<img src="icons/icon1.png" alt="">
			<span>HR面试</span>
		</a>
		<a href="#">
			<img src="icons/icon2.png" alt="">
			<span>笔试</span>
		</a>
		<a href="#">
			<img src="icons/icon3.png" alt="">
			<span>技术面试</span>
		</a>
		<a href="#">
			<img src="icons/icon4.png" alt="">
			<span>模拟面试</span>
		</a>
		<a href="#">
			<img src="icons/icon5.png" alt="">
			<span>面试技巧</span>
		</a>
		<a href="#">
			<img src="icons/icon6.png" alt="">
			<span>薪资查询</span>
		</a>
	</nav>
	<!-- ad广告start -->
	<div class="ad">
		<img src="images/go.png">
	</div>
	<!-- work就业指导模块 -->
	<div class="work">
		<!-- work工作头部 -->
		<div class="work_hd">
			<img src="./icons/i2.png" alt="">
			<span>就业指导</span>
			<a href="#">更多>></a>
		</div>
	</div>
	<!-- study充电学习模块 -->
	<div class="study">
		<div class="study_hd">
			<img src="./icons/i1.png" alt="">
			<span>充电学习</span>
			<a href="#">更多>></a>
		</div>
	</div>
	<!-- footer底部固定定位 -->
	<div class="footer">
		<a href="#">
			<div><img src="./icons/home.png" alt=""></div>
			<span>首页</span>
		</a>
		<a href="#">
			<div><img src="./icons/net.png" alt=""></div>
			<span>技术面试</span>
		</a>
		<a href="#">
			<div><img src="./icons/ms.png" alt=""></div>
			<span>模拟面试</span>
		</a>
		<a href="#">
			<div><img src="./icons/user.png" alt=""></div>
			<span>我的主页</span>
		</a>
	</div>
	<!-- js文件 -->
	<!-- 淘宝自适应screen样式 -->
	<script src="./js/flexible.js"></script>
	
</body>

</html>